<template>
    <ul class="list-unstyled">
        <li v-for="user in users">
            <slot name="id" :id="user.id">
                {{user.id}}
            </slot>
            <slot name="name" :first="user.firstName" :last="user.lastName">
                {{user.firstName}} {{user.lastName}}
            </slot>
        </li>
    </ul>
</template>

<script>
    export default {
        props: ['users']
    }
</script>
